<!doctype html>
<html lang="zh-cn">
<head>
	<meta charset="utf-8">
	<meta name="Description" content="页面描述" />
	<meta name="Keywords" content="页面关键字" />
	<meta name="viewport" content="width=640,minimum-scale=0,maximum-scale=5,user-scalable=no">
	<script>
		if (navigator.appVersion.indexOf('Android') != -1) {
			document.addEventListener("DOMContentLoaded", function (e) {
				document.querySelector('body').style.zoom = e.target.activeElement.clientWidth / 640;
			});
		}
	</script>
	<title>我的受邀用户</title>
	<link href="css/common.css" rel="stylesheet">
</head>
<body>
	<div class="invite-suffer">
		<section class="invite-suffer-info">
			<img src="images/head.jpg" width="143" height="143" class="invite-suffer-head" />
			<p class="invite-suffer-lv">普通会员</p>
			<p class="invite-suffer-number">当前可转分劵：11000</p>
			<p class="invite-suffer-number">历史奖励分劵：11000</p>
		</section>
		<section class="invite-suffer-account bb mt">
			<a href="javascript:popShow('.pop')">分劵转至我的账户</a>
			<a href="个人中心_会员等级.html">升级会员领取奖励</a>
		</section>
		<section class="invite-suffer-table bt">
			<table>
				<thead>
					<tr>
						<th width="264">受邀用户</th>
						<th width="186">用户等级</th>
						<th width="190">奖励</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td>
							<img src="images/head.jpg" />
							<span>力力渔港</span>
						</td>
						<td class="tc co2">财富卡会员</td>
						<td class="co2">5000</td>
					</tr>
					<tr>
						<td>
							<img src="images/head.jpg" />
							<span>张三</span>
						</td>
						<td class="tc co2">普通用户</td>
						<td class="co2">0</td>
					</tr>
					<tr>
						<td>
							<img src="images/head.jpg" />
							<span>王五</span>
						</td>
						<td class="tc co2">创业卡会员</td>
						<td class="co2">1000</td>
					</tr>
					<tr>
						<td>
							<img src="images/head.jpg" />
							<span>马六</span>
						</td>
						<td class="tc co2">财富卡会员</td>
						<td class="co2">5000</td>
					</tr>
				</tbody>
			</table>
		</section>
	</div>
	<section class="pop">
		<div class="pop-rule">
			<p class="pop-rule-title tc">温馨提示</p>
			<ul>
				<li>您当前的会员等级不能进行转入操作，</li>
				<li>请升级会员后重试！</li>
			</ul>
		</div>
		<a href="javascript:popHide();" class="pop-dete">确定</a>
	</section>
</body>
<script src="js/zepto.min.js"></script>
<script>
	//弹窗
	function popShow(id) {
		var p = $(id);
		if (p) {
			p.show();
			p.css({
				position: 'fixed',
				top: '50%',
				left: '50%',
				marginTop: -p.height() / 2,
				marginLeft: -p.width() / 2,
				zIndex: 1000
			});
			p.attr('for', 'pop');
			$('body').append('<div for="overlay" style="width:100%;height:100%;position:fixed;top:0;left:0;z-index:999;background:rgba(0,0,0,0.6);"></div>');
		}
	}
	function popHide(){
		$('[for="pop"]').hide();
		$('[for="overlay"]').remove();
	}
</script>
</html>